// ============================== 导入依赖 ============================== //

// ============================== 导出配置 ============================== //

export default {
  grid: {
    top: 40,
    left: 10,
    right: 16,
    bottom: 0,
    containLabel: true,
  },

  legend: {
    top: 6,
    right: 0,
    icon: 'roundRect',
    itemWidth: 16,
    itemHeight: 4,
    itemGap: 20,
  },

  xAxis: {
    data: [],
    boundaryGap: false,
    axisTick: {
      show: false,
    },
    axisLabel: {
      color: '#666',
      formatter(value) {
        return value.slice(-5)
      },
    },
    axisLine: {
      lineStyle: {
        color: '#999',
      },
    },
  },

  yAxis: {
    axisLabel: {
      color: '#666',
    },
    axisTick: {
      show: false,
    },
    splitLine: {
      show: false,
    },
  },

  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'cross',
      label: {
        backgroundColor: '#6a7985',
      },
    },
  },

  series: [],
}

// ============================== 导出蓝色曲线 ============================== //

export const LINE_BLUE = {
  type: 'line',
  smooth: 0.3,
  data: [],
  showSymbol: false,
  itemStyle: {
    color: '#2D75E5',
  },
  lineStyle: {
    width: 2,
    color: '#2D75E5',
    shadowColor: '#5D96EE',
    shadowBlur: 5,
    shadowOffsetY: 8,
  },
}

// ============================== 导出金色曲线 ============================== //

export const LINE_GOLDEN = {
  type: 'line',
  smooth: 0.3,
  data: [],
  showSymbol: false,
  itemStyle: {
    color: '#FFBB36',
  },
  lineStyle: {
    width: 2,
    color: '#FFBB36',
    shadowColor: '#FAD38A',
    shadowBlur: 5,
    shadowOffsetY: 8,
  },
}

// ============================== 导出绿色曲线 ============================== //

export const LINE_GREEN = {
  type: 'line',
  smooth: 0.3,
  data: [],
  showSymbol: false,
  itemStyle: {
    color: '#00B07E',
  },
  lineStyle: {
    width: 2,
    color: '#00B07E',
    shadowColor: '#00B07E',
    shadowBlur: 5,
    shadowOffsetY: 8,
  },
}

// ============================== 导出红色曲线 ============================== //

export const LINE_RED = {
  type: 'line',
  smooth: 0.3,
  data: [],
  showSymbol: false,
  itemStyle: {
    color: '#FF6A55',
  },
  lineStyle: {
    width: 2,
    color: '#FF6A55',
    shadowColor: '#E47667',
    shadowBlur: 5,
    shadowOffsetY: 8,
  },
}
